<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_JS的三种引入方式</title>
</head>
<body>
    <!-- 1.行内写法：写在对应的HTML元素上
      onclick=""给元素添加一个点击事件，点击元素时触发执行“”里的代码
      alert()显示弹窗()里是弹窗中显示的文本
      console.log() 向前端控制台输出内容
      -->
    <button onclick="alert('请先登录！')">点击即玩</button>
    <button onclick="console.log('点我干嘛')">点击即玩2</button>

    <h1 id="aaa">我是一级标题！</h1>
    <!-- 2.内部写法，写在body结束标签之前！ -->
    <script>
        console.log("我是JS代码");
        //可以通过id值直接获取其对应的HTML元素
        console.log(aaa)
    </script>
    <!-- 3.引入外部的js文件，注意：内部不能写JS代码，不会执行！  -->
    <script src="01.js">
        console.log("看我执行吗？")
    </script>
</body>
</html>